<template>
  <div>
    <h1>学生查找功能</h1>
    <input type="text" placeholder="请输入学号" v-model="studentId">
    <button @click="searchStudent">查找</button>
    <p v-if="studentInfo">{{ studentInfo }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      studentId: '',
      studentInfo: ''
    };
  },
  methods: {
    searchStudent() {
      // 这里可以添加实际的查找逻辑，目前简单模拟
      this.studentInfo = `找到了学号为 ${this.studentId} 的学生信息`;
    }
  }
};
</script>    